<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/shopping.css">

</head>

<body>

    <!-- 头 -->
    <div class="head">
        <div class="core">
            <div class="loc fl texcen">
                <img src="./imgs/logobox.png" alt="">
                <span class="f30 cf">结算中心</span>
            </div>
            <p class="fl">legochina.cn</p>
            <p class="fr">欢迎光临 <span>乐购</span>，请 <a> 登陆</a>\<a>注册</a></p>
        </div>
    </div>
    <div class="search core">
        <button class="bb"></button><input type="text" class="fr" placeholder="创意文具"><br>
        <p class="fr">
            配送至:&emsp;
            <select>
                <option>成都新区三环内</option>
                <option>武汉三镇三环内</option>
            </select>
        </p>
    </div>


    <!-- 购物车 -->
    <div class="core cart">
        <div class="cf60 f20">全部商品&ensp;(2)</div>
            <table id="shopCar">
                <tr>
                    <th width="100">
                        <input type="checkbox" class="sincar">
                        全选
                    </th>
                    <th width="600">商品</th>
                    <th width="100">单价</th>
                    <th width="300">数量</th>
                    <th width="100">小计</th>
                    <th width="100">操作</th>
                </tr>
                <!-- 内容 -->
                <tr>
                    <td>
                        <input type="checkbox" class="allcar">
                    </td>
                    <td>
                        <div class="igm"><img src="./imgs/index08_05.jpg " alt=""></div>
                        从你的全世界路过
                    </td>
                    <td class="unitprice">
                        41.00
                    </td>
                    <td>
                        <span class="addNum">+</span>
                        <input type="text" class="txt" value="1">
                        <span class="reduce">-</span>
                    </td>
                    <td class="subtotal">
                        41.00
                    </td>
                    <td>
                        <a>删除</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="allcar">
                    </td>
                    <td>
                        <div class="igm"><img src="./imgs/index08_05.jpg " alt=""></div>
                        从你的全世界路过
                    </td>
                    <td class="unitprice">
                        41.10
                    </td>
                    <td>
                        <span class="addNum">+</span>
                        <input type="text" class="txt" value="1">
                        <span class=" reduce">-</span>
                    </td>
                    <td class="subtotal">
                        41.00
                    </td>
                    <td>
                        <a>删除</a>
                    </td>
                </tr>

                <tr>
                    <td>
                        <input type="checkbox" class="sincar">
                        全选
                    </td>
                    <td colspan="2">删除选中商品</td>
                    <td>已选择 <span class="c42 num">0</span> 件商品</td>
                    <td>
                        总价 <span class="c42 f18 price">0</span>
                    </td>
                    <td>
                        <input type="button" value="去结算" class="close bgcf60">
                    </td>
                </tr>
            </table>
    </div>

    <!-- 猜你喜欢 -->
    <div class="core">
        <div class="like fl">
            <div class="hea">
                <h3><span>猜</span>你喜欢</h3>
            </div>
        </div>
        <ul class="likebo">
            <script>
                for (let i = 0; i < 5; i++) {
                    document.write(
                        `
                        <li>
                            <img src="./imgs/22935553-1_l.jpg" alt="">
                            <h4 class="f14 c3">日夜行&ensp;东野上吾</h4>
                            <p class=" f16 c42">
                                <div class="cf60 f14 fl">推荐:</div>
                                <div class="star fl">
                                <div class="son"></div>
                                </div>
                            </p>
                            <p class="f18 fl">
                                <span class="c42">￥49</span>
                                <del>￥79</del>
                            </p>
                        </li>
                            `
                    )
                }
            </script>
        </ul>
    </div>


    <!-- 魔兽世界 -->
    <div class="core">
        <img src="./imgs/mssj_03.png" alt="">
    </div>


    <!-- 底部 -->
    <div class="bottom btt">
        <div class="after core">
            <img src="./imgs/222_11.png" alt="">
            <img src="./imgs/222_13(1).png" alt="">
            <img src="./imgs/222_17.png" alt="">
            <img src="./imgs/222_15.png" alt="">
        </div>
        <!-- 下面 -->
        <div class="core">
            <ul class="guide c3">
                <li>购物指南</li>
                <li>支付方式</li>
                <li>订单服务</li>
                <li>退换货</li>
                <li>商家服务</li>
                <li>购物流程</li>
                <li>货到付款</li>
                <li>订单配送查询</li>
                <li>退换货政策</li>
                <li>商家中心</li>
                <li>发票制度</li>
                <li>网上支付</li>
                <li>订单状态说明</li>
                <li>自助退款查询</li>
                <li>运营服务</li>
                <li>账户管理</li>
                <li>礼品卡支付</li>
                <li>自助取消订单</li>
                <li>退换货进度查询</li>
                <li>加入尾页品汇</li>
                <li>会员优惠</li>
                <li>银行转账</li>
                <li>自主修改订单</li>
                <li>退款方式和时间</li>
            </ul>

            <img src="./imgs/logo_00.png" alt="" class="imgg fr">
            <div class="tail c3">
                <p>公司简介 &emsp; | &emsp; Investor &emsp;Relations &emsp; | &emsp; 网站联盟 &emsp; | &emsp; 乐购招商 &emsp; |
                    &emsp;
                    机构销售 &emsp; | &emsp; 手机乐购 &emsp; | &emsp; 官方Blog &emsp; |&emsp; 热词搜索</p>
                <p>Copyright &emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All&emsp;Rights&emsp;Reserved</p>
            </div>
        </div>
    </div>


    <script src="./lib/jquery.js"></script>
    <script src="./js/shopping.js"></script>
</body>

</html>